/*
 * @Descripttion: 
 * @version: 
 * @Author: ChenXiang
 * @Date: 2022-03-09 11:22:56
 * @LastEditors: ChenXiang
 * @LastEditTime: 2022-03-09 13:15:34
 */
import React from "react";
import "./index.scss";

export default class Steps extends React.Component{
    render(){
        const {texts,current} = this.props;
        console.log(texts,current)
        return <div className="steps">
            {texts.map((item,index)=><div key={index} className="item">
                <div className="decorate_circle">
                    <div className={current===index?'default':'current'} >
                        <div className="solid"></div>
                        <div className="number">{index}</div>
                    </div>
                </div>
                <p className="text">{item}</p>
            </div>)}
    </div>
    }
}